<meta charset="utf-8">
<ion-view view-title="我" hide-back-button="true" enter='aaaa()'>
	<ion-nav-buttons side="right" >
	
     <a class="button button-clear" href="#/tab/me/set">
     	<i class="icon ion-ios-gear-outline" style="font-size:12px ;"></i>
     </a>
     
	</ion-nav-buttons>
		<style>
		div,
		ul,
		li {
			margin: 0;
			padding: 0;
		}
		
		.tabme {
			color: #444;
			font-family: "微软雅黑";
		}
		
		.tabme .qiandao img {
			vertical-align: middle;
		}
		
		.tabme .qiandao {
			border: none;
			position: absolute;
			right: 0px;
			top: 15px;
			background: none;
			color: #555555;
			font-family: '微软雅黑';
			width: 6rem;
			
			height: 26px;
			font-size: 12px;
			z-index: 3;
		}
		
		.tabme .bg {
			height: 36em;
			background-image: url('img/me/11.jpeg');
			background-size: 100% 100%;
			position: relative;
		}
		
		.tabme .bg .mb {
			height: 100%;
			width: 100%;
			display: block;
			position: absolute;
			background: #ffffff;
			opacity: .5;
			z-index: 2;
		}
		
		.tabme .memian {}
		
		.tabme .touxiang1 {
			border: 3px white solid;
			border-radius: 100%;
			width: 8em;
			height: 8em;
			margin-top: 12em;
		}
		
		.tabme .bg .zz {
			font-size: 12px;
			border-radius: 5px;
			padding: 3px 3px 0 3px;
			background-color: rgba(55, 55, 55, .5);
			color: white;
		}
		
		.tabme .diqu {
			height: 20px;
			background-color: #60cffc;
			margin: 0 auto;
			font-size: 12px;
			color: white;
			display: block;
			margin-top: 5px;
			width: 120px;
			line-height: 20px;
		}
		.tabme .gexqm{
			font-size: 1.3em;width:80%;margin: 0 auto; margin-top:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
		/*清浮动*/
		
		.clearfix:after {
			content: "";
			display: block;
			clear: both;
		}
		
		.clearfix {
			zoom: 1;
		}
		
		html,
		body {
			width: 100%;
			height: 100%;
		}
		.tabme ul li{
			float: left;
			display: block;
			width: 33.33%;
			margin-top: 20px;
			font-size: 20px;
	
			
		}
		.xiangce ul li{
			margin: 0;
			margin-left: 5px;
			width: 31.33%;
			float: left;
			display: block;
			font-size: 20px;
		}
		.tabme ul li span{
			margin-top: 20px;
			font-size: 1.3em;
		}
		.tabme .medecy ul li{
			padding-top: 5px;
			margin: 0;
			float: left;
			display: block;
			width: 33.33%;
			border-bottom: 1px solid #F0F0F0;
			
		}
		.tabme .medecy ul li span{
			margin: 5px;
			font-size: 1.0em;
		}
	</style>
	<ion-content class='tabme'>
			<button class="qiandao">
		<img src="img/me/ym.png" width="20"height="20">签到
		<img src="img/me/left.png" width="20"height="20">
		</button>
			<div class="bg" ng-style='txObj'>
				<div class="mb"  >
					
				</div>
				<div style="text-align: center;z-index: 6;position: relative; ">
					<img src="img/me/11.jpeg" ng-src='{{tx}}' class="touxiang1">
					<span style="display: block;font-size: 2.3em;">
					{{name}}
					<span class="zz">
						<img src="img/me/z.png" width="12" height="12">
						635 
					</span>
					</span>
					<div class="gexqm" >
						放开我的北鼻Jackson周嘉诚
					</div>
					<div style="width: 160px;border:background-color:red;margin: 0 auto;">
						<span class="diqu" ng-style='xbObj' style="float: left;">
					<i ng-class='xbcss' class="" ></i>
					<span>{{sr}}岁 浙江 温州  </span>
						</span>
						<img src="img/me/hy.png" width="30" height="30" style="vertical-align: middle;float: left;margin-left: 10px;">
					</div>
				</div>
				<div style="border-radius: 5px;display: block;width: 90%;height: 100px;background-color: rgba(255,255,255,.5); margin: 0 auto;margin-top: 30px;">
					<ul style="z-index:7;position:relative ;">
						<li>{{gz}}<span style="display: block;">玩友</span></li>
						<a ng-href="#/tab/me/activity" ><li>{{hd}}<span style="display: block;">活动</span></li></a>
						<a ng-href="#/tab/me/love" ><li>{{sc}}<span style="display: block;">收藏</span></li></a>
					</ul>
				</div>
			</div>
<div style="font-size: 1.3em;height: 35px;line-height: 35px;border-bottom: 1px solid #F0F0F0;">
				<span style="float: left;margin-left: 1em;">我参与的</span>
				<a ng-href="#/tab/me/bmpz" ><span style="float: right;font-size: 12px;color: #a09f9f;">查看报名凭证<img src="img/me/left.png" style="vertical-align: middle;width: 12px;"></span></a>
			</div>
			<div class="medecy" style="display: block;" >
					<ul style="z-index:7;position:relative ;">
						<li>0<span style="display: block;">待付款</span></li>
						<li>0<span style="display: block;">待参与</span></li>
						<li>0<span style="display: block;">退款</span></li>
					</ul>
			</div>
			<div class="medecy" style="display: block;height: 80px;" >
					<ul style="z-index:7;position:relative ;">
						<li><img src="img/me/xc.png" width="20"><span style="display: block;">相册</span></li>
					<a href="#/tab/me/dynamic">	<li><img src="img/me/dt.png" width="20"><span style="display: block;">动态</span></li></a>
						<li><img src="img/me/hy.png" width="32"><span style="display: block;margin-top: -5px;">会员中心</span></li>
					</ul>
			</div>
			<div class="xiangce">
				<ul>
					<li><img src="img/me/1.jpg" height="120" width="100%" ></li>
					<li><img src="img/me/2.jpg" height="120" width="100%" ></li>
					<li><img src="img/me/3.jpg" height="120" width="100%" ></li>
					<li><img src="img/me/4.jpg" height="120" width="100%" ></li>
					<li><img src="img/me/5.jpg" height="120" width="100%" ></li>
					<li><img src="img/me/6.jpg" height="120" width="100%" ></li>
				
				</ul>
				
			</div>
		</ion-content>

</ion-view>